<template>
	<div class="app">
		<room-area :area-data="highScore" />
	</div>
</template>

<script setup>
	// 获取数据
	// import highScore from './data/high_scroe.json'
	import RoomArea from './components/RoomArea.vue'
	import { ref } from 'vue'

	// 模拟网络请求
	const highScore = ref({})
	setTimeout(() => {
		// import() 返回的是Promise
		import('./data/high_scroe.json').then((res) => {
			highScore.value = res.default
		})
	}, 1000)
</script>

<style scoped lang="less">
	.app {
		width: 1032px;
		margin: 0 auto;
		padding: 40px;
	}
</style>
